<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>命令进阶</title>
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.css" />
  <link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
	<meta http-equiv="refresh" content="0;URL='output/'" />
	<script type="text/javascript" src="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#fullpage').fullpage({
				sectionsColor: ['#212121', '#323232'],
				//easingcss3: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)'
			});
		});
	</script>
    <style>
        book{
        	margin: 10px 0 0 0;
        	padding: 15px 10px;
        	color: #fff;
        	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        	background-color: #49afcd;
        	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
        	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
        	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
        	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
        	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
        	background-image: linear-gradient(top, #5bc0de, #2f96b4);
        	background-repeat: repeat-x;
        	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
        	border-color: #2f96b4 #2f96b4 #1f6377;
        	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

        	-webkit-border-radius: 6px;
        	-moz-border-radius: 6px;
        	border-radius: 6px;
        	vertical-align: middle;
        	cursor: pointer;
        	display: inline-block;
        	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        }
        #book a{
        	text-decoration:none;
        	color:#fff;
        }
        #book:hover{
        	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
        	background-color: #2F96B4;
        	background-position: 0 -15px;
        	-webkit-transition: background-position .1s linear;
        	-moz-transition: background-position .1s linear;
        	-ms-transition: background-position .1s linear;
        	-o-transition: background-position .1s linear;
        	transition: background-position .1s linear;
        }
		html {
			color: white;
		}
        h1 {
            font-size: 6em;
        }
        h2 {
            font-size: 4em;
        }
        p {
            font-size: 2em;
        }
        .section {
            text-align: center;
        }
        .button {
            vertical-align: middle;
            display: inline-block;
			padding: 25px, 40px 25px 40px;
        }
        .button a {
            color: #fff;
            background: #555555;
            padding: 15px 30px;
            border-radius: 5px;
            display: block;
			text-decoration: none;
        }
        .button a:hover {
            color: #fff;
            background-color: #777777;
        }
        @media screen and (max-height: 580px) {
            h1 {
                font-size: 4.5em;
            }
            h2 {
                font-size: 1.3em;
            }
        }
    </style>
</head>
<body>
<div id="fullpage">
	<div class="section active" id="section0">
		<h1>命令进阶教程</h1>
		<p>详尽 系统化 命令教程</p>
		<div class="button">
			<a href="output/">点击阅读</a>
		</div>
	</div>
	<div class="section" id="section1">
        <h2>为什么要一个循序渐进的教程？</h2>
        <p>
            补充对基础概念的不足。<br/>
			对一些重要机制有更深入了解。<br/>
			比零散教程更容易理解，涵盖更为全面。<br/>
			更深入明白系统思路，不止是如何使用，更明白为什么如此使用。
        </p>
		<p>
			本教程主要讲解命令中的一些概念以及格式，但基于时间及篇幅所限，不会详细讲解每一条命令、NBT、函数。
		</p>
	</div>
</div>

</body>
</html>
